<!--index.html-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <title>Markdown Editor</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="header">
        <input class="character-input" placeholder="胖虎" value="胖虎">
        <input class="character-input" placeholder="小夫" value="小夫">
        <input class="character-input" placeholder="静香" value="静香">
        <input class="character-input" placeholder="大雄" value="大雄">
    </div> 
    <div class="content">
        <div class="editor-container">
            <textarea id="markdown-editor" placeholder="在这里输入 Markdown..."></textarea>
        </div>
        <div class="preview" id="preview"></div>
    </div>
    <script src="script.js"></script>
  </body>
</html>
